@charset "utf-8";

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
em,
span,
var,
legend,
button,
input,
textarea,
th,
td,
a,
img,
header,
footer,
nav,
aside,
audio,
datalist,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
} /*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
} /*设置默认字体*/
:focus {
  outline: 0;
}
ul,
ol,
ul li,
ol li {
  list-style: none;
} /*重置列表*/
address,
caption,
cite,
em,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
form label {
  cursor: pointer;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  outline: none;
}
textarea {
  resize: none;
}
input {
  vertical-align: middle;
}
img {
  border: 0;
} /*重置图片元素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
} /*重置表格*/
.l {
  float: left;
}
.r {
  float: right;
}
button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
  line-height: normal !important;
}
a {
  text-decoration: none;
}
a {
  color: #666;
}
a:hover {
  text-decoration: underline;
}
input {
  _filter: chroma(color=#000000);
}
/*--清除浮动
------------------------------------------------------------------------------------------*/
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  _zoom: 1;
}
.overflow {
  overflow: hidden;
  _zoom: 1;
}
.clear {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

/* 为所有浏览器设置通用样式 */
::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

::-webkit-scrollbar-thumb {
  background-color: #e1e1e9; /* 设置滚动条拖动手柄的颜色 */
  border-radius: 4px; /* 设置滚动条拖动手柄的圆角 */
}

::-webkit-scrollbar-track {
  background-color: #ecf0f1; /* 设置滚动条轨道的颜色 */
  border-radius: 4px; /* 设置滚动条轨道的圆角 */
}

/* Firefox 浏览器 */
/* 请注意：Firefox 没有提供直接的样式来定制滚动条的外观，下面的代码只是一种近似的方式 */
/* 需要在 Firefox 中启用 "layout.css.scrollbar-width.enabled" 以及 "layout.css.scrollbar-color.enabled" 选项 */
/* 这可以通过在 "about:config" 中搜索并修改这两个选项来完成 */

/* 为 Firefox 设置滚动条宽度和颜色 */
html {
  scrollbar-width: thin;
  scrollbar-color: #e1e1e9 #ecf0f1;
}

/* 设置 Firefox 滚动条拖动手柄的颜色 */
/* 注意：在Firefox中，这样的样式只对暗主题生效 */
/* 可以根据你的实际需求调整颜色 */
html.dark-theme {
  scrollbar-color: #e1e1e9 #333;
}
